<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>美团app首页</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body oncontextmenu='self.event.returnValue=false' onselectstart="return false">
	<header class="mui-bar mui-bar-nav public-color">
	    <a class="mui-action-back mui-icon  mui-pull-left">
	    	<button>北京</button>
	    	<span class="mui-icon mui-icon-arrowdown"></span>
	    </a>
	    <h1 class="mui-title">
	    	<input type="text" placeholder="请输入您的手机号"/>
	    </h1>
	    <a href="#" class="mui-icon mui-icon-chatbubble mui-pull-right"></a>
	    <a href="#" class="mui-icon mui-icon-email mui-pull-right"></a>
	</header>
	<div class="mui-content">
		<!--十宫格-->
	    <div class="box-a">
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-qq box-tu-c1"></span>
	    		<p>美食</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-bars box-tu-c2"></span>
	    		<p>酒店住宿</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-chat box-tu-c3"></span>
	    		<p>玩乐</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-chatboxes box-tu-c4"></span>
	    		<p>休闲娱乐</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-checkbox box-tu-c5"></span>
	    		<p>外卖</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-email box-tu-c6"></span>
	    		<p>机票</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-qq box-tu-c7"></span>
	    		<p>KTV</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-checkmarkempty box-tu-c8"></span>
	    		<p>周边游</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-contact box-tu-c9"></span>
	    		<p>美发</p>
	    	</div>
	    	<div class="box-a-l">
	    		<span class="mui-icon mui-icon-qq box-tu-c10"></span>
	    		<p>旅游出行</p>
	    	</div>
	    </div>
	</div>
	<div class="box-b">
		<p>- 猜你喜欢 -</p>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/4.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>武汉杂酱面</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/1.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>中餐必点</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/2.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>鸡排</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/3.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>汉堡</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥ 1</span>
				<span style="font-size:13px;color:#666;">门市价:1</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/4.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>武汉杂酱面</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/1.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>中餐必点</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/2.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>鸡排</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/3.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>汉堡</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥ 1</span>
				<span style="font-size:13px;color:#666;">门市价:1</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/4.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>武汉杂酱面</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/1.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>中餐必点</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/2.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>鸡排</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥1</span>
				<span style="font-size:13px;color:#05b19f;">门市价</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
		<div class="box-b-a">
			<div class="box-b-a-l">
				<img src="img/3.jpg" alt="#" />
			</div>
			<div class="box-b-a-r">
				<h4>汉堡</h4>
				<p>双人套餐，提供免费WiFi</p>
				<span style="color:#05b19f">￥ 1</span>
				<span style="font-size:13px;color:#666;">门市价:1</span>
				<span style="float:right;padding-right: 10px;color:#666;font-size:12px;">已售出：100</span>
			</div>
		</div>
	</div>

	<script>
		/*阻止右键菜单的默认*/
        function click(){
            if(event.button==2){
                alert( '本网站欢迎您 !!');
            }
        }
        document.onmousedown = click;
	</script>
</body>
</html>